*{margin:0;padding:0;font-family: '微软雅黑';}
body{background: #f5f5f7}
ul ,li{list-style: none}
@media only screen and (min-width: 320px){
    html {
        font-size:12px !important;
    }
}
@media only screen and (min-width: 360px){
    html {
        font-size:14px !important;
    }
}
@media only screen and (min-width: 400px){
    html {
        font-size:16px !important;
    }
}
@media only screen and (min-width: 480px){
    html {
        font-size:18px !important;
    }
}
@media only screen and (min-width: 640px){
    html {
        font-size:20px !important;
    }
}
.reward_photo_img{width: 100%;height: 70px;text-align: center;position: absolute;bottom: -35px;left: 0}
.reward_photo_img_box{width: 70px;height: 70px;margin: 0 auto;border-radius: 50%;overflow: hidden;border: 2px solid #fff}
.reward_photo_img_box img{width: 70px;}
.other_btn{font-size: 14px;color: #477ab4;text-decoration: none;margin-top: 20px;display: block;;margin-bottom: 10px}
.reward_float_bottom{width: 100%;background: #fff;margin-top: -10px;border-radius: 5px;padding-top: 58px;text-align: center;}
.reward_float_bottom p{font-size: 14px;color: #565656;margin-bottom: 15px}
.reward_float_bottom .zhu_shi{font-size: 14px;color: #bbbbbb}
.reward_float_flex span{justify-content: center;flex-direction: column;display: flex;width: 30%;height: 25px;;border: 1px solid #ff6a55;margin-right: 6px;font-size: 12px;color: #ff6a55;border-radius: 5px}
.reward_float_flex{width: 65%;margin: 8px auto;height: 25px;display: flex}
.reward_float{width:100%;height:100%;position: fixed;top: 0;left:0;background: rgba(0,0,0,.7) ;z-index: 1000;display: none}
.reward_float_box{width: 85%;margin: 23% auto;border-radius: 8px}
.more{width: 100%;height: 1px;}
.share_float{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.7);z-index: 1000;display: none}
.share_float_box{width: 85%;margin: 27% auto;border-radius: 8px;position: relative}
.share_close_btn{width: 15px;height: 15px;position: absolute;top: 10px;right: 10px}
.share_close_btn img{width: 15px;height: 15px}
.share_float_bottom{width: 100%;height: 150px;margin-top: -10px;background: #fff;border-radius: 5px;padding-top: 15px}
.share_float_bottom p{width: 90%;margin: 5px auto;font-size: 12px;color: #333a65;line-height: 20px}
.share_float_bottom  a{width: 45%;text-align: center;border-radius: 8px;;justify-content: center;  flex-direction: column;;;text-decoration: none;font-size: 14px;height: 30px;color: #fff;display: flex;background: #a0b4f8;;margin: 20px auto;}
.reward_float_img{width: 100%;position: relative}
.reward_close_btn{width: 15px;height: 15px;position: absolute;top: 10px;right: 10px}
.reward_close_btn img{width: 100%}
.reward_float_img img{width: 100%}
.word_flex{display: flex}
.word_flex span{width: 60%;color: #aba8a0;font-size: 0.75rem;  margin-top: 0.25rem;}
header{;padding: 1.0rem 0.875rem 0.875rem 1.125rem;;background: #62626b;color: #fff;font-size: 18px;font-weight: bold}
header img{width: 0.625rem}
section{width: 100%;background: #f5f5f7}
.word_box{;padding: 0.75rem 1.125rem;position: relative;}
.word_left{height:2.5rem;font-size: 2.5rem;color: #3e3e3e;float: left;margin-right: 1.125rem;line-height: 2.5rem}
.word_right{;height: 2.5rem;float: left;padding-top: 0.125rem;width: 65%}
.word_right p:first-child{font-size: 0.9rem;color: #878787}
.word_right p:last-child{font-size: 0.75rem;color: #aba8a0;margin-top: 0.25rem}
.clear{clear: both}

.word_after{position: absolute;;right:1.125rem;;bottom: 0.01rem;width: 3.5rem;height: 1.425rem;}
.word_after span{font-size: 0.75rem;color: #6b83aa;margin-right: 0.75rem;    display: block;
    width: 50px;}
.word_after span:after{content: '▼';    margin-left: 5px;
    font-size: 12px;}
.word_box .open:after {content: '▲';margin-left: 5px;
    font-size: 12px;}

ul {
    list-style:none;
}
.slideBox {
    margin:10px auto;
    margin-top: 0;
    box-shadow: 1px 1px 3px rgba(0,0,0,.1);
    background: #eeecf8;
    width:95%;
    position:relative;
    overflow:hidden;
}
.slideBox ul {
    position:relative;
    width:1000px;}
.slideBox ul li {
    float:left;
    position:relative;

}
.slideBox ul li img{width: 100%}
.spanBox {
    position:absolute;
    width:300px;
    height:20px;
    bottom:10px;
    left:80px;
}
.spanBox span {
    width:18px;
    height:18px;
    margin-left:5px;
    background-color:rgba(201,178,207,1.00);
    float:left;
    line-height:16px;
    text-align:center;
    text-shadow:2px 2px 2px #C5EBF0;
    font-family:cabin-sketch;
    font-size:15px;
}
.slideBox .spanBox .active {
    background-color:rgba(155,83,244,0.79);
    border:solid 1px #BEEBEC;
    border-radius:4px;
}
.prev {
    position:absolute;
    left:0px;
    top:320px;
    float:left;
    border-left:solid 1px rgba(251,245,246,1.00);
    opacity:0.5;
}
.next {
    position:absolute;
    right:0px;
    float:right;
    width: 20px;height: 25px;
    z-index: 99999;

    border-right:solid 1px rgba(245,237,237,1.00);
    opacity:0.5;
    background: url("../img/gt.png") no-repeat;
    background-size: 20px 25px;
}


.zhus_ceng{width: 100%;margin: 8px auto;margin-bottom:0;border-top: 1px dashed #d8d8d8;padding-top: 5px;display: none}
.zhus_ceng p{line-height: 20px;font-size: 12px;color: #878787}
.zhus_ceng h3{margin: 0;font-weight: normal;font-size: 14px;margin-top: 5px;color: #878787}
.word_img{padding:0 0.75rem 0.75rem 0.75rem;}
.word_img ul{border-radius: 0.15rem;box-shadow:1px 1px 3px rgba(0,0,0,.3);height: 173px;overflow: hidden}
.word_img ul li{background: #efecf9}
.word_img ul li img{width: 100%;height: 100%}
.word_structure{padding:0.75rem;background: #fff;box-shadow:1px 1px 5px rgba(0,0,0,.1);margin-top: 5px}
.word_structure ul{background: #fff;margin: 0 auto}
.word_structure ul li{background: #fff;width: 5.6rem;height: 5.6rem;float: left;;margin-right: 0.48rem}
.word_structure ul li img{width:100%}
.word_text{font-size: 0.5rem;color: #fff;height: 1.65rem;background: #ced7f8;margin-top: -0.375rem;border-radius: 0 0 0.25rem 0.25rem;text-align: center;line-height: 1.65rem;}
.word_analysis{border-radius: 0.25rem;position: relative;margin: 0.75rem;;box-shadow:1px 1px 3px rgba(0,0,0,.1);background: #fff}
.word_analysis h3{position: absolute;top:2px;left: 2.3rem;height: 3.125rem;line-height: 3.125rem;font-size: 14px;;color: #565656;font-weight: normal;}
.word_analysis_img{position: absolute;top:10px;left:0;width: 1.6rem;height:1.6rem;float: left;margin-right: 0.75rem;background: url(../img/jieg.png) no-repeat;;background-size: 1.6rem 1.6rem}
.word_analysis_box{position: relative;width: 95%;;margin: 0 auto;height:3.125rem;border-bottom: 1px solid #d8d8d8;line-height: 3.125rem}
.word_analysis_content{padding: 0.75rem;position: relative}
.lising_word{position: absolute;top:10px;right:0;width: 1.6rem;height:1.6rem;float: left;;background: url(../img/bofang.png) no-repeat;;background-size: 1.6rem 1.6rem}
.word_analysis_content p{font-size: 1.0rem;color: #888;line-height:1.5rem;margin-bottom: 0.75rem; }
.word_beginner{width: 0.75rem;float: left;background: #9eb6f5;height: 3.25rem;overflow: hidden ;border-radius: 0.25rem 0 0 0.25rem}
.word_analysis h2{;font-size:14px;font-weight: normal;color: #565656;line-height: 3.25rem;float: left;width: 80%;height: 3.25rem;margin-left: 0.75rem}
.word_beginner_img{background: url("../img/you.png");background-size: 0.6rem 1.025rem ;height: 1.025rem;width: 0.6rem;  position: absolute;right: 0.75rem;top:1.1rem;}
.word_slide{padding: 0  0.75rem 0.75rem 0.75rem;;position: relative;; overflow-x:auto;border-bottom: 1px solid #d8d8d8}
.word_slide ul{width: 34.9rem}
.word_slide ul li{width: 5.0rem;height: 5.0rem;float: left;margin-right: 0.75rem;overflow: hidden}
.word_slide ul li img{width: 180%;margin-left: -35%}
.position_bottom{position: absolute;bottom: 1px;;left:0;width: 100%;height: 0.75rem;background: #fff;z-index: 999;}

.zs_btn{width:100%;text-align: center ;margin-top: 3.375rem;}
.zs_btn a{padding: 0.75rem 1.8rem;color: #fff;background: #ff6a55;border-radius: 0.25rem;text-decoration: none}
.zs_btn p{margin-top: 1.25rem;}
.portrait_img{padding: 0 3.0rem 0.75rem 3.0rem;overflow: hidden;height:25px}
.portrait_img img{width: 35px;text-align: center}
.comment_img{position: absolute;  top: 12px;  right: 0;width: 85px;  height: 18px;  float: left;  background: url(../img/myord.png) no-repeat;  background-size: 85px 18px;}
.content_author{width: 95%;margin: 10px auto;}
.content_author_img{width: 100%;height: 40px;margin: 10px auto}
.content_author_left{width: 60%;height: 40px;float: left}
.content_author_right{width: 40%;height: 30px;float: right}
.content_author_left_img{width: 40px;height: 40px;float: left;margin-right: 8px}
.content_author_left_img img{width: 100%;}
.content_author_left_text{height: 40px;line-height: 40px;float: left;font-size: 14px;color: #737373}

.content_author_right_img{width: 20px;height: 20px;float: right;margin-right: 8px;margin-top: 10px}
.content_author_right_img img{width: 100%;}
.content_author_right_text{height: 40px;line-height: 40px;float: right;font-size: 14px;color: #737373}
.separate{border-bottom:1px solid #d8d8d8;;margin: 10px auto;width: 95% }
.content_subject{width: 100%;position: relative;overflow: hidden}
.content_subject img{width: 100%;}
.content_subject_text{width: 100%;position: absolute;bottom: 0;left: 0;;height: 30px;background: rgba(0,0,0,.5);color: #fff;font-size: 12px;line-height: 30px;padding-left: 10px}
.content_more{width: 100%;text-align: center;height: 35px;margin-top: -10px;line-height: 35px;color: #d8d8d8;font-size: 14px}

.qr_code{width: 100%;margin: 20px auto}
.qr_code_img{width: 50%;text-align: center;float: left}
.qr_code_img img{width: 100px}
.qr_code_separate{height:80px;width: 1px;border-left: 2px solid #d8d8d8;float: left;margin-top: 10px}
.qr_code_right{width: 43%;height: 60px;margin: 0 auto;float: right;margin-top: 18px;margin-right: 2%}
.qr_code_rigt_text{float: left;;font-size: 26px;color: #d8d8d8;line-height: 60px}
.qr_code_rigt_text1{float: right;;color: #d8d8d8;;width: 60%;margin-top: 15px}